<!DOCTYPE html>
<html>
<head>
<title>管理员-所有课程</title>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">

	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<title>管理员-全部课程</title>

	<script src="resources/js/public/jquery-3.3.1.min.js"></script>
	<script src="resources/layui/layui.js"></script>
	<script src="resources/js/public/vue.min.js"></script>

	<script src="resources/js/public/public.js"></script>
	<script src="resources/js/manager/allCourse.js"></script>

	<link rel="stylesheet" href="resources/layui/css/layui.css">
	<link href="resources/css/public.css" rel="stylesheet" type="text/css"/>

	<style>
		.t{
			margin-top: 15px;
		}
		.w1{
			width: 100px;
		}
	</style>

</head>
<body>
	<div id="header">
		<#include "/WEB-INF/page/manager/header.html">
	</div>
	<div class="layui-fluid">
		<form class="layui-form">
			<div class="layui-form-item  layui-inline t">
				<input type="text" class="layui-input" id="name" placeholder="课程名称" />
			</div>
			<div class="layui-form-item  layui-inline t">
				<input type="text" class="layui-input" id="college" placeholder="所属学院"/>
			</div>
			<div class="layui-form-item  layui-inline t">
				<input type="text" class="layui-input" id="major" placeholder="所属专业"/>
			</div>
			
			<div class="layui-form-item  layui-inline t">
				<input type="text" class="layui-input" id="teacherName" placeholder="授课教师名字"/>
			</div>
			<button type="button" id="queryCourse" class="layui-btn">搜索</button>
			<button type="button" id="openCourseList" class="layui-btn layui-btn-normal">开放所选</button>
			<button type="button" id="deleteCourseList" class="layui-btn layui-btn-danger">删除所选</button>
		</form>
		<hr class="layui-bg-green"/>
		<table class="layui-table layui-form" lay-skin="row">
			<colgroup>
				<col width="60px">
				<col width="80px">
				<col width="100px">
				<col width="100px">
				<col width="100px">
				<col width="100px">
				<col width="80px">
				<col width="80px">
				<col width="100px">
				<col width="100px">
				<col width="190px">
				<col width="100px">
				<col width="100px">
				<col width="80px">
			</colgroup>
			<thead>
				<tr>
					<th><input type="checkbox" lay-skin="primary" lay-filter="all"></th>
					<th>课程ID</th>
					<th>课程名称</th>
					<th>所属学院</th>
					<th>所属专业</th>
					<th>属性</th>
					<th>学分</th>
					<th>教师ID</th>
					<th>教师姓名</th>
					<th>开放状态</th>
					<th>时间地点</th>
					<th>限制人数</th>
					<th>已选人数</th>
					<th>周期</th>
				</tr>
			</thead>
			<tbody  id="vue_content">
				<tr v-for="c in list">
					<td><input class="single" type="checkbox" lay-skin="primary"></td>
					<td class="id" v-text="c.id"></td>
					<td v-text="c.name"></td>
					<td v-text="c.college"></td>
					<td v-text="c.major"></td>
					<td v-text="c.property"></td>
					<td v-text="c.credit"></td>
					<td v-text="c.teacherId"></td>
					<td v-text="c.teacherName"></td>
					<td><input type="checkbox" name="state" value="checked" lay-skin="switch" lay-text="开放|关闭" v-model="c.state" lay-filter="ONandOFF"></td>
					<td>
						<span v-for="t in c.trinityList">
							<span v-text="t.week"></span>
							<span v-text="t.time"></span>
							<span v-text="t.place"></span>
							<br>
						</span>
					</td>
					<td v-text="c.restrictedNum"></td>
					<td v-text="c.selectedNum"></td>
					<td v-text="c.cycle"></td>
				</tr>
			</tbody>
		</table>
		<nav style="text-align: center">
		<div id="page_container"></div>
		</nav>
	</div>
</body>
</html>
